*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}
html,body{
    width: 100%;
    height: 100%;
}
.banner{
	width: 100%;
	
	height: auto;
	
	.swiper-container{
		width: 1170px;
		margin: 0 auto;
		background: #fcb;
		height: 500px;
		position: relative;
		
		overflow: hidden;
		.swiper-wrapper{
			width: 4680px;
			.swiper-slide{
				float: left;
			}
		}
		.pages{
			width: 100%;
			height: 30px;
			background: rgba(0,0,0,.6);
			position: absolute;
			bottom: 0;
			i{
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 5px;
				background: #fff;
				margin: 10px;
			}
			.current{
				background: peachpuff;
			}
		}
	}
}
main{
	height: auto;
	
	.content{
		margin: 0 auto;
		width: 1170px;
		overflow: hidden;
		.five_goods{
			position: relative;
			a{
				color: #333;
				text-decoration: none;
				outline: 0 none;
				.mask1{
					width: 510px;
					height: 545px;
					float: left;
					margin-top: 10px;
					
				}
				.mask2{
					width: 650px;
					height: 230px;
					float: left;
					margin: 10px 0 0 10px;
				}
				.mask3{
					width: 322px;
					height: 310px;
					float: left;
					margin: 5px 0 0 10px;
				}
				.mask4{
					width: 322px;
					height: 310px;
					float: left;
					margin: 5px 0 0 6px;
				}

			}
		}
	}
}